// pages/myself/qcode.js
const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        qcodeimgurl: '../../images/selstar.png',
        isshow:false,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      var uid = wx.getStorageSync('userId');
      if (!uid) {
        wx.redirectTo({
          url: '../wxauth/wxauth',
        })
      }
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
      //1. 请求后端API生成小程序码
     
      this.drawBk();
    },
    drawBk:function(){
      const ctx = wx.createCanvasContext('myCanvas');
      var imgback = '../../images/qrback.png';

      //填充背景
      ctx.setFillStyle('#cccccc');
      ctx.fillRect(0, 0, 240, 380);
      ctx.setFillStyle('#ffffff');
      ctx.fillRect(1, 1, 238, 380);

      //绘制产品图
      ctx.drawImage(imgback, 2, 2, 236, 380);
      ctx.draw();
    },
    drawQr:function(name,mobile){
        //2. canvas绘制文字和图片
        var that=this;
        const ctx = wx.createCanvasContext('myCanvas');
        var imgPath = '../../images/qrback.png';
        var basicprofile = '../../images/logo.png';
        var xcxcode = that.data.qcodeimgurl;

        //填充背景
        ctx.setFillStyle('#cccccc');
      ctx.fillRect(0, 0, 240, 380);
        ctx.setFillStyle('#ffffff');
      ctx.fillRect(1, 1, 238, 380);

        //绘制产品图
        ctx.drawImage(imgPath, 2, 2, 235, 380);

        //绘制标题
        // ctx.setFontSize(16);
        // ctx.setFillStyle('#000000');
        // ctx.fillText('盘盘车圈', 10, 215);

        //绘制介绍产品
        // ctx.setFontSize(12);
        // ctx.setFillStyle('#6F6F6F');
        // ctx.fillText('盘盘车圈是用于学车练车和汽车交易平台', 10, 240);
        // ctx.fillText('盘盘车圈科技网络有限公司', 10, 260);

        //绘制一条虚线

        // ctx.strokeStyle = 'blue';
        // ctx.beginPath();
        // ctx.setLineWidth(1);
        // ctx.setLineDash([2, 4]);
        // ctx.moveTo(10, 270);
        // ctx.lineTo(230, 270);
        // ctx.stroke();

        //绘制logo图标
        //ctx.drawImage(basicprofile, 10, 310, 30, 30);

        //绘制介绍
        ctx.font = 'normal bold 13px sans-serif';
        ctx.setFillStyle('#f4e60a');
     
        ctx.fillText(name, 20, 348);
        ctx.fillText(mobile, 20, 368);
        ctx.drawImage(xcxcode, 140, 295, 80, 80);
        ctx.draw();
        this.setData({
          isshow:true
        })
    },
    getQr:function(){
        var that = this;
        var userid = wx.getStorageSync('userId');
        var requrl = app.globalData.miniproUrl + 'outQcode';
        wx.request({
            url: requrl,
            data: { 'uid': userid },
            header: {
                'Content-Type': 'application/x-www-form-urlencoded',
                'grant-appid': app.globalData.appid
            },
            method: 'POST',
            success: function (res) {
             // console.log(res);
                if (res.statusCode === 200) {
                    var name = res.data.result.name;
                    var linktel = res.data.result.linktel;
                    if (linktel == '') {
                      name = '　';
                      linktel = '　';
                    }
                    //这里需要注意的是图片一定要保留到自身服务器内，不要是有七牛云，并且自身域名要放到白名单中
                    wx.downloadFile({
                      url: res.data.result.qnurl,
                      success: (res) => {
                        that.setData({
                            qcodeimgurl: res.tempFilePath
                        })
                        that.drawQr(name, linktel);
                      }
                    })
                    
                }
            }
        })
    },
    savetup: function () {
        var that = this;
        wx.canvasToTempFilePath({
            x: 0,
            y: 0,
            width: 360,
            height: 524,
            destWidth: 1080,
            destHeight: 1574,
            canvasId: 'myCanvas',
            success: function (res) {
                //调取小程序当中获取图片
                console.log(res.tempFilePath);
                wx.saveImageToPhotosAlbum({
                    filePath: res.tempFilePath,
                    success(res) {
                        wx.showModal({
                            title: '存图成功',
                            content: '图片成功保存到相册了，去发圈噻~',
                            showCancel: false,
                            confirmText: '好哒',
                            confirmColor: '#72B9C3',
                            success: function (res1) {
                                if (res1.confirm) {
                                    console.log('用户点击确定');
                                }
                            }
                        })
                    }
                })
            },
            fail: function (res) {
                console.log(res)
            }
        })
    },
})